body{
  margin: 0;
  width:100%;
  height: 100%;
  background-image:url(bgmagnets/slimy.jpg);
}

.retour a{
  position: relative;
  left: 302px;
  top: -900px;
  width: 20px;
  height: 20px;
  text-decoration: none;
  color: white;
  padding-top: 30px;
  font-family: 'Fredoka One', cursive;
  font-size: 130px;
}

.retour a:hover{
  opacity: 50%;
  transition: 1s;
}

.blackt{
  position: relative;
  height: 500px;
  background-color: black;
  opacity: 80%;
}


.carver img {
  opacity: 100%;
  transition: 1s;
}

.carver img:hover{
  opacity: 50%;
  transition: 1s;
}



.carver {
  position: relative;
  top: -370px;
  display: flex;
  justify-content: flex-end;
  padding-right: 200px;
}


.nav {
  position: relative;
  top: -536px;
  padding-left: 160px;
	width: 3000px;
  height: 200px;
  display: flex;
  justify-content: space-around;
}

.nav a {
	text-decoration: none;
	color: white;
	outline: none;
	padding-top: 30px;
	font-family: 'Fredoka One', cursive;
	text-transform: uppercase;
	letter-spacing: .4px;
	font-size: 90px;
  opacity: 100%;
}

.nav a:hover {
  opacity: 50%;
	transition: .7s;
}

.nav p{
  position: relative;
  color: white;
  top: -60px;
  font-family: 'Fredoka One', cursive;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 90px;
  opacity: 50%;
}

.content{
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 12000px;
  position: relative;
  background-image:url(bg/slimybg.jpg);
  top: 1900px;
  border-top: 20px solid white;
}

.left{
  position: absolute;
  display:flex;
  width: 3000px;
  height: 10000px;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.rigth{
  position: absolute;
  padding-left: 3150px;
  display:flex;
  width: 3000px;
  height: 10500px;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.left img{
  width: 36%;
  height: auto;
  position: relative;
  top: 800px;
}

h1{
  font-family: 'Caveat Brush', cursive;
  font-size: 250px;
  text-transform: uppercase;
  color: white;
  position: relative;
  top: 600px;
}

.rigth p{
  position: relative;
  top: 200px;
  width: 1300px;
  color: white;
  font-family: 'Nunito', sans-serif;
  font-size: 55px;
  text-align: justify;
  display:flex;
  justify-content: center;
  align-items: center;
}

.rigth img{
  width: 140%;
  height: auto;
  position: relative;
  top: 480px;
  left: -250px;
}

.der{
  height: 4050px;
}

.mockup img{
  position: relative;
  top: 1320px;
  width: 100%;
  height: 100%;
  border-top: 20px solid white;
}

::-webkit-scrollbar {
display: none;
}

.container {
scrollbar-width: none;
background-color: inherit;
width: 500px;
height: 600px;
overflow-y: scroll;
}